import { Space } from '../layout/Space'

export type LineProps = {
  bgColor?: string
  size?: number
}
export const lineDefaultProps: Required<LineProps> = {
  bgColor: 'black',
  size: 1
}
export function Line(props: LineProps) {
  const p = { ...lineDefaultProps, ...props }

  return (
    <Space value={p.size} expand>
      <div
        style={{
          backgroundColor: p.bgColor,
          width: '100%',
          height: '100%'
        }}
      ></div>
    </Space>
  )
}
